style(about): 调整页面布局和样式

- 修改网格布局对齐方式，增强视觉居中效果
- 增加社交卡片和页脚内容的对齐属性
- 扩大项目和文章卡片内边距提升可读性
- 更新个性特质时间线标题为“兴趣”

about.html

@@ -125,7 +125,7 @@
             <!-- 个性特质时间线 -->
             <section class="personality-timeline-section">
                 <div class="section-header">
-                    <h2 class="section-title">关于我</h2>
+                    <h2 class="section-title">兴趣</h2>
                     <p class="section-subtitle">INFJ · 创造者 · 探索者</p>
                 </div>
                 <div class="personality-timeline">