design(index): 카드 링크 버튼 UX 개선

태그처럼 보이던 DocC/블로그/샘플 링크를 명확한 버튼으로 개선.
- active: outline 버튼 스타일 (accent 테두리 + hover 시 fill)
- hover: 배경 채우기 + 그림자 + 미세한 lift 효과
- soon: pointer-events none으로 비활성화 명확화

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: M1zz

site/index.html

@@ -50,10 +50,11 @@
 .card-status.new{color:var(--purple);}
 .card-title{font-size:16px;font-weight:800;margin-bottom:4px;}
 .card-desc{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:10px;}
-.card-links{display:flex;gap:6px;flex-wrap:wrap;}
-.card-link{font-size:11px;padding:3px 8px;border-radius:5px;background:var(--tag-bg);color:var(--text-2);text-decoration:none;font-weight:500;}
-.card-link.active{background:#0071e312;color:var(--accent);}
-.card-link.soon{opacity:0.5;}
+.card-links{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px;margin-top:8px;}
+.card-link{display:inline-flex;align-items:center;font-size:11px;padding:5px 11px;border-radius:20px;text-decoration:none;font-weight:600;letter-spacing:.2px;border:1.5px solid transparent;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;}
+.card-link.active{background:transparent;color:var(--accent);border-color:var(--accent);cursor:pointer;}
+.card-link.active:hover{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(0,113,227,.25);transform:translateY(-1px);}
+.card-link.soon{background:var(--tag-bg);color:var(--border);border-color:var(--border);opacity:.5;pointer-events:none;cursor:default;}
 
 .footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2);}
 @media(max-width:640px){.hero-stats{gap:24px;}.grid{grid-template-columns:1fr;}}