feat: 新增“加入我们”页面及相关导航

- 在导航栏添加“加入我们”按钮链接
- 在首页添加招生信息卡片，链接到新页面
- 创建完整的“加入我们”页面，包含武汉大学及合作院校招生信息
- 优化页脚公众号描述文本，移除重复的二维码图片

Author: chenguanzhou

src/components/Footer.astro

@@ -114,7 +114,7 @@ const friendLinks = [
               </div>
               <div class="min-h-[3.5rem] flex flex-col justify-center">
                 <p class="font-medium text-slate-900">CVEO课题组</p>
-                <p class="text-xs text-slate-600">扫码关注</p>
+                <p class="text-xs text-slate-600">扫码关注公众号</p>
               </div>
             </div>
             <div
@@ -135,11 +135,6 @@ const friendLinks = [
                   loading="lazy"
                   decoding="async"
                 />
-                  src="/assets/social/wechat-cveo.png"
-                  alt="CVEO课题组微信公众号二维码"
-                  class="w-32 h-32 object-contain rounded-lg"
-                  loading="lazy"
-                />
               </div>
             </div>
           </div>
@@ -167,7 +162,7 @@ const friendLinks = [
               </div>
               <div class="min-h-[3.5rem] flex flex-col justify-center">
                 <p class="font-medium text-slate-900">珞珈经纬</p>
-                <p class="text-xs text-slate-600">扫码关注</p>
+                <p class="text-xs text-slate-600">扫码关注公众号</p>
               </div>
             </div>
             <div
@@ -187,12 +182,7 @@ const friendLinks = [
                   class="w-32 h-32 object-contain rounded-lg"
                   loading="lazy"
                   decoding="async"
-                />
-                  src="/assets/social/wechat-luojiagingwei.png"
-                  alt="珞珈经纬微信公众号二维码"
-                  class="w-32 h-32 object-contain rounded-lg"
-                  loading="lazy"
-                />
+                />                  
               </div>
             </div>
           </div>

src/components/NavBar.astro

@@ -27,6 +27,7 @@
         <a href="/team" class="text-slate-700 hover:text-brand-900 transition-colors">团队成员</a>
         <a href="/research-projects" class="text-slate-700 hover:text-brand-900 transition-colors">科研项目</a>
         <a href="/collaboration" class="text-slate-700 hover:text-brand-900 transition-colors">合作平台</a>
+        <a href="/join" class="px-3 py-1.5 rounded-lg bg-brand-900 text-white hover:bg-brand-800 transition-colors font-medium">加入我们</a>
       </nav>
 
       <!-- Mobile Menu Button -->
@@ -59,6 +60,7 @@
         <a href="/team" class="px-3 py-2 rounded-lg text-slate-700 hover:text-brand-900 hover:bg-slate-50 transition-colors">团队成员</a>
         <a href="/research-projects" class="px-3 py-2 rounded-lg text-slate-700 hover:text-brand-900 hover:bg-slate-50 transition-colors">科研项目</a>
         <a href="/collaboration" class="px-3 py-2 rounded-lg text-slate-700 hover:text-brand-900 hover:bg-slate-50 transition-colors">合作平台</a>
+        <a href="/join" class="px-3 py-2 rounded-lg bg-brand-900 text-white hover:bg-brand-800 transition-colors font-medium text-center">加入我们</a>
       </div>
     </nav>
   </div>

src/pages/index.astro

@@ -152,6 +152,45 @@ const newsItems = getLatestNews(allNews, 3)
     </div>
   </section>
 
+  <!-- 招生信息卡片 -->
+  <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 scroll-mt-16">
+    <div class="p-6 rounded-xl bg-gradient-to-br from-brand-50 to-white border border-brand-100 shadow-sm hover:shadow-md transition-all duration-300">
+      <div class="flex flex-col md:flex-row items-center justify-between gap-6">
+        <div class="flex-1">
+          <div class="flex items-center gap-3 mb-3">
+            <div class="w-10 h-10 rounded-lg bg-brand-900 flex items-center justify-center">
+              <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5z"/>
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/>
+              </svg>
+            </div>
+            <h2 class="text-2xl font-bold text-slate-900">🎓 加入我们</h2>
+          </div>
+          <p class="text-slate-600 mb-4">
+            招收武汉大学本科生（日常科研、大创）、硕士研究生、博士研究生；
+            同时与长江大学、三峡大学合作招收硕士研究生。
+          </p>
+          <div class="flex flex-wrap gap-2">
+            <span class="inline-flex items-center px-2.5 py-1 rounded-md text-sm font-medium bg-brand-100 text-brand-900">武汉大学</span>
+            <span class="inline-flex items-center px-2.5 py-1 rounded-md text-sm font-medium bg-brand-green-100 text-brand-green-900">长江大学</span>
+            <span class="inline-flex items-center px-2.5 py-1 rounded-md text-sm font-medium bg-brand-green-100 text-brand-green-900">三峡大学</span>
+          </div>
+        </div>
+        <a 
+          href="/join" 
+          class="inline-flex items-center justify-center px-6 py-3 rounded-lg bg-brand-900 text-white hover:bg-brand-800 transition-colors font-medium min-w-[140px]"
+        >
+          了解详情
+          <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+          </svg>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <section id="news"
+
   <section id="news" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 scroll-mt-16">
     <h2 class="text-2xl font-semibold text-slate-900 mb-8">新闻动态</h2>
 

src/pages/join.astro

@@ -0,0 +1,135 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro'
+---
+
+<BaseLayout title="加入我们" description="CVEO课题组招生信息 - 招收武汉大学、长江大学、三峡大学本科生及研究生">
+  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <!-- 标题 -->
+    <div class="text-center mb-12">
+      <h1 class="text-3xl sm:text-4xl font-bold text-slate-900 mb-4">🎓 加入我们</h1>
+      <p class="text-lg text-slate-600">CVEO课题组期待优秀的你加入，共同探索计算机视觉与地球观测的前沿研究</p>
+    </div>
+
+    <!-- 武汉大学 -->
+    <div class="mb-10 p-6 rounded-xl bg-gradient-to-br from-brand-50 to-white border border-brand-100 shadow-sm">
+      <div class="flex items-center gap-3 mb-5">
+        <div class="w-10 h-10 rounded-lg bg-brand-900 flex items-center justify-center">
+          <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5z"></path>
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></path>
+          </svg>
+        </div>
+        <div>
+          <h2 class="text-2xl font-bold text-slate-900">武汉大学</h2>
+          <p class="text-sm text-slate-500">测绘遥感信息工程全国重点实验室</p>
+        </div>
+      </div>
+
+      <div class="space-y-5">
+        <!-- 本科生 -->
+        <div class="p-4 rounded-lg bg-white border border-brand-100">
+          <div class="flex items-center gap-3 mb-3">
+            <span class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-semibold bg-brand-100 text-brand-900 flex-shrink-0">本科生</span>
+            <span class="text-sm text-slate-500">不限学院，欢迎各院系同学加入</span>
+          </div>
+          <ul class="space-y-2 text-slate-700 ml-1">
+            <li class="flex items-start gap-2">
+              <svg class="w-5 h-5 text-brand-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              </svg>
+              <span><strong>学科竞赛：</strong>指导参加各类计算机、遥感、GIS相关学科竞赛</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <svg class="w-5 h-5 text-brand-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              </svg>
+              <span><strong>创新创业：</strong>支持大学生创新创业训练计划项目</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <svg class="w-5 h-5 text-brand-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              </svg>
+              <span><strong>大创项目：</strong>国家级/省级/校级大学生创新创业项目</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <svg class="w-5 h-5 text-brand-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              </svg>
+              <span><strong>进组科研：</strong>参与课题组日常科研活动，接触前沿研究</span>
+            </li>
+          </ul>
+        </div>
+
+        <!-- 硕士 -->
+        <div class="p-4 rounded-lg bg-white border border-brand-100">
+          <div class="flex items-center gap-3">
+            <span class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-semibold bg-brand-100 text-brand-900 flex-shrink-0">硕士研究生</span>
+            <p class="text-slate-700">学术学位/专业学位硕士研究生，依托测绘遥感信息工程全国重点实验室开展研究</p>
+          </div>
+        </div>
+
+        <!-- 博士 -->
+        <div class="p-4 rounded-lg bg-white border border-brand-100">
+          <div class="flex items-center gap-3">
+            <span class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-semibold bg-brand-100 text-brand-900 flex-shrink-0">博士研究生</span>
+            <p class="text-slate-700">学术/工程博士研究生，培养遥感与计算机视觉交叉领域高层次人才</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 合作院校 -->
+    <div class="mb-10 p-6 rounded-xl bg-gradient-to-br from-brand-green-50 to-white border border-brand-green-100 shadow-sm">
+      <div class="flex items-center gap-3 mb-5">
+        <div class="w-10 h-10 rounded-lg bg-brand-green-900 flex items-center justify-center">
+          <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
+          </svg>
+        </div>
+        <h2 class="text-2xl font-bold text-slate-900">合作院校</h2>
+      </div>
+
+      <div class="space-y-4">
+        <div class="p-4 rounded-lg bg-white border border-brand-green-100">
+          <div class="flex flex-col sm:flex-row sm:items-center gap-2 mb-2">
+            <span class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-semibold bg-brand-green-100 text-brand-green-900 w-fit">长江大学</span>
+            <span class="text-sm text-slate-500">地球科学学院</span>
+          </div>
+          <p class="text-slate-700">招收硕士研究生，开展资源环境遥感、地理信息系统等相关研究</p>
+        </div>
+
+        <div class="p-4 rounded-lg bg-white border border-brand-green-100">
+          <div class="flex flex-col sm:flex-row sm:items-center gap-2 mb-2">
+            <span class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-semibold bg-brand-green-100 text-brand-green-900 w-fit">三峡大学</span>
+            <span class="text-sm text-slate-500">计算机与信息学院</span>
+          </div>
+          <p class="text-slate-700">招收硕士研究生，开展计算机视觉、人工智能、遥感图像处理等相关研究</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- 联系方式 -->
+    <div class="p-6 rounded-xl bg-gradient-to-br from-slate-50 to-white border border-slate-200 text-center">
+      <div class="w-16 h-16 rounded-full bg-brand-100 flex items-center justify-center mx-auto mb-4">
+        <svg class="w-8 h-8 text-brand-900" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
+        </svg>
+      </div>
+      <h3 class="text-xl font-semibold text-slate-900 mb-3">获取联系方式</h3>
+      <p class="text-slate-600 mb-2">关注微信公众号<span class="font-medium text-brand-900">「CVEO课题组」</span></p>
+      <p class="text-slate-600 mb-6">后台回复<span class="inline-flex items-center px-2 py-0.5 rounded bg-brand-100 text-brand-900 text-sm font-medium mx-1">加入CVEO</span>即可</p>
+
+      <a
+        href="https://mp.weixin.qq.com/s/q8xjlmq7Fw2glBrnQifO7Q"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="inline-flex items-center justify-center px-6 py-3 rounded-lg bg-brand-900 text-white hover:bg-brand-800 transition-colors font-medium"
+      >
+        <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
+          <path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 01.213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 00.167-.054l1.903-1.114a.864.864 0 01.717-.098 10.16 10.16 0 002.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178A1.17 1.17 0 014.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178 1.17 1.17 0 01-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 01.598.082l1.584.926a.272.272 0 00.14.045c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.49.49 0 01.177-.554C23.016 18.115 24 16.405 24 14.479c0-3.197-3.098-5.621-7.062-5.621zm-2.36 2.63c.535 0 .969.44.969.982a.976.976 0 01-.969.983.976.976 0 01-.969-.983c0-.542.434-.982.97-.982zm4.72 0c.535 0 .969.44.969.982a.976.976 0 01-.969.983.976.976 0 01-.969-.983c0-.542.434-.982.97-.982z"></path>
+        </svg>
+        关注公众号
+      </a>
+    </div>
+  </div>
+</BaseLayout>